<!-- 表格模块 -->
<div class="table-module">
    <div style="display: flex;justify-content: space-between;">
        <div class="module-header">
            <i class="el-icon-tickets"></i>
            <span class="table-title-info">{{abc.bname}}</span>
            <span class="table-title-info"> / </span>
            <span class="table-title-info">{{abc.cname}}</span>
        </div>
        <div>
            <!-- 操作按钮组 -->
            <div class="action-buttons">
                <el-button-group>
                    <el-button type="primary" @click="dialogVisible = true" icon="el-icon-plus">新建</el-button>
                    <el-button type="success" icon="el-icon-upload2">数据导入</el-button>
                    <el-button type="warning" icon="el-icon-download">导出</el-button>
                    <el-button type="danger" icon="el-icon-download">批量删除</el-button>
                    <el-button type="success" icon="el-icon-s-home">训练</el-button>
                </el-button-group>
            </div>
        </div>
    </div>
    <div class="table-container">
        <el-table
                :data="tableData"
                style="width: 100%"
                :header-cell-style="{ background: 'rgba(4, 28, 75, 0.8)', color: '#fff' }"
                :cell-style="{ background: 'transparent', color: '#fff',  'vertical-align': 'top'  }"
                border>
            <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
            <el-table-column  prop="title" label="标题"  align="center" ></el-table-column>
            <el-table-column  prop="op" label="操作"  align="center" :width="120">
                <template slot-scope="scope">
                    <div >
                        <el-button type="primary" size="small" @click="generateCode(scope.row)">生成代码</el-button>
                    </div>
                </template>
            </el-table-column>

        </el-table>

        <!-- 分页器 -->
        <div class="pagination-container">
            <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page="pagination.currentPage"
                    :page-sizes="[10, 20, 30, 50]"
                    :page-size="pagination.pageSize"
                    layout="total, sizes, prev, pager, next, jumper"
                    :total="pagination.total">
            </el-pagination>
        </div>

    </div>
</div>